<template>
  <div>
    <div class="topic2">
      <h3>综合指数</h3>
      <div class="number">9.9</div>
      <p>平均分</p>
      <el-progress :percentage="100" :format="format"></el-progress>
      <p>参考器</p>
      <el-progress :percentage="100" :format="format"></el-progress>
      <div>
        <el-rate
          v-model="value"
          disabled
          show-score
          text-color="#ff9900"
          score-template="{value}"
        >
        </el-rate>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "MySore",
  data() {
    return { value: 5 };
  },
  methods: {
    format(percentage) {
      return percentage === 100 ? "满" : `${percentage}%`;
    },
  },
};
</script>

<style lang="scss" scoped>
.topic2 {.number {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 60px;
  color: #d3a448;
}}
</style>
